:root {
  /* 主要颜色 */
  --primary-color: #eb2f96;
  --primary-bg-color: #fff0f6;
  --secondary-bg-color: #ffd6e7;
  --tertiary-bg-color: #ffadd2;

  /* 文字颜色 */
  --text-primary-color: #262626;
  --text-secondary-color: #595959;
  --text-disabled-color: #8c8c8c;

  /* 边框颜色 */
  --border-color: #ffd6e7;
  --border-light-color: #fff0f6;

  /* 功能色 */
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #f5222d;
  --info-color: #eb2f96;

  /* 阴影 */
  --box-shadow: 0 2px 8px rgba(235, 47, 150, 0.15);

  /* 其他常用颜色 */
  --hover-color: #ffd6e7;
  --active-color: #ffadd2;
  --disabled-bg-color: #fff0f6;

  /* 粉色系列 */
  --pink-1: #fff0f6;
  --pink-2: #ffd6e7;
  --pink-3: #ffadd2;
  --pink-4: #ff85c0;
  --pink-5: #f759ab;
  --pink-6: #eb2f96;
  --pink-7: #c41d7f;
  --pink-8: #9e1068;
  --pink-9: #780650;
  --pink-10: #520339;

  /* 选中状态颜色 - 应该与背景形成鲜明对比 */
  --selected-bg-color: #ffadd2;
  --selected-text-color: #c41d7f;
}

/* 主题应用示例类 */
.pink-theme {
  background-color: var(--primary-bg-color);
  color: var(--text-primary-color);
}
